import React from 'react';
import PropTypes from 'prop-types';

const ConsoleIcon = props => {
    const { className } = props;
    return (
        <svg className={className} width="17px" height="17px" viewBox="0 0 17 17" version="1.1">
            <title>console</title>
            <g id="pages" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
                <g
                    id="customization-theming"
                    transform="translate(-35.000000, -264.000000)"
                    fillRule="nonzero"
                >
                    <g id="console" transform="translate(35.000000, 264.210526)">
                        <path
                            d="M16.4023211,2.70653064 L0.43978418,2.70653064 C0.196757566,2.70653064 1.24344979e-14,2.4825723 1.24344979e-14,2.20653064 C1.24344979e-14,1.9302285 0.196757566,1.70653064 0.43978418,1.70653064 L16.4023211,1.70653064 C16.6453477,1.70653064 16.8421053,1.9302285 16.8421053,2.20653064 C16.8421053,2.4825723 16.6453477,2.70653064 16.4023211,2.70653064 Z"
                            id="Path"
                            fillOpacity="0.211401879"
                            fill="#000000"
                        />
                        <g id="Group-148" transform="translate(11.789474, 0.000000)">
                            <path
                                d="M3.56113524,-1.83432217e-13 L0.604703247,-1.83432217e-13 C0.270856663,-1.83432217e-13 -1.600591e-13,0.270541733 -1.600591e-13,0.604703247 L-1.600591e-13,3.56082031 C-1.600591e-13,3.89466689 0.270856663,4.16552356 0.604703247,4.16552356 L3.56113524,4.16552356 C3.89498182,4.16552356 4.16583849,3.89466689 4.16583849,3.56082031 L4.16583849,0.604703247 C4.16583849,0.270541733 3.89498182,-1.83432217e-13 3.56113524,-1.83432217e-13 Z"
                                id="Path"
                                fill="#01B6F5"
                            />
                            <path
                                d="M3.56113524,-1.83432217e-13 L1.70671195,-1.83432217e-13 C2.04055853,-1.83432217e-13 2.31141519,0.270541733 2.31141519,0.604703247 L2.31141519,3.56082031 C2.31141519,3.89466689 2.04055853,4.16552356 1.70671195,4.16552356 L3.56113524,4.16552356 C3.89498182,4.16552356 4.16583849,3.89466689 4.16583849,3.56082031 L4.16583849,0.604703247 C4.16583849,0.270541733 3.89498182,-1.83432217e-13 3.56113524,-1.83432217e-13 Z"
                                id="Path"
                                fillOpacity="0.133003715"
                                fill="#000000"
                            />
                        </g>
                        <g id="Group-3" transform="translate(0.000000, 5.789474)">
                            <path
                                d="M16.4023211,2.58726969 L0.43978418,2.58726969 C0.196757566,2.58726969 1.24344979e-14,2.36331135 1.24344979e-14,2.08726969 C1.24344979e-14,1.81096762 0.196757566,1.58726969 0.43978418,1.58726969 L16.4023211,1.58726969 C16.6453477,1.58726969 16.8421053,1.81096762 16.8421053,2.08726969 C16.8421053,2.36331135 16.6453477,2.58726969 16.4023211,2.58726969 Z"
                                id="Path"
                                fillOpacity="0.211401879"
                                fill="#000000"
                            />
                            <g id="Group-7" transform="translate(1.684211, 0.000000)">
                                <path
                                    d="M3.43433725,0 L0.776189069,0 C0.34766802,0 0,0.273762205 0,0.611190039 L0,3.59933628 C0,3.93676419 0.34766802,4.21052632 0.776189069,4.21052632 L3.43433725,4.21052632 C3.8628583,4.21052632 4.21052632,3.93676419 4.21052632,3.59933628 L4.21052632,0.611190039 C4.21052632,0.273762205 3.8628583,0 3.43433725,0 Z"
                                    id="Path"
                                    fill="#FFCC00"
                                />
                                <path
                                    d="M3.66345539,0 L1.97761603,0 C2.28111293,0 2.52734626,0.273762205 2.52734626,0.611190039 L2.52734626,3.59933628 C2.52734626,3.93676419 2.28111293,4.21052632 1.97761603,4.21052632 L3.66345539,4.21052632 C3.96695228,4.21052632 4.21318561,3.93676419 4.21318561,3.59933628 L4.21318561,0.611190039 C4.21318561,0.273762205 3.96695228,0 3.66345539,0 Z"
                                    id="Path"
                                    fill="#F8B53C"
                                />
                            </g>
                        </g>
                        <path
                            d="M16.4023211,14.2894737 L0.43978418,14.2894737 C0.196757566,14.2894737 1.24344979e-14,14.0655154 1.24344979e-14,13.7894737 C1.24344979e-14,13.5131716 0.196757566,13.2894737 0.43978418,13.2894737 L16.4023211,13.2894737 C16.6453477,13.2894737 16.8421053,13.5131716 16.8421053,13.7894737 C16.8421053,14.0655154 16.6453477,14.2894737 16.4023211,14.2894737 Z"
                            id="Path"
                            fillOpacity="0.211401879"
                            fill="#000000"
                        />
                        <path
                            d="M12.0203889,11.7894737 L9.03224266,11.7894737 C8.69481483,11.7894737 8.42105263,12.0632359 8.42105263,12.4006637 L8.42105263,15.38881 C8.42105263,15.7262377 8.69481483,16 9.03224266,16 L12.0203889,16 C12.3578167,16 12.6315789,15.7262377 12.6315789,15.38881 L12.6315789,12.4006637 C12.6315789,12.0632359 12.3578167,11.7894737 12.0203889,11.7894737 Z"
                            id="Path"
                            fill="#F8752D"
                        />
                        <path
                            d="M10.3143257,11.7894737 C10.6181089,11.7857181 10.9425901,12.0838105 10.9457396,12.419249 L10.9743713,15.3866628 C10.9778072,15.7217852 10.734437,15.9965223 10.4306538,16 L12.1164932,15.9800823 C12.4199901,15.9766046 12.6636465,15.7018675 12.6602107,15.3667452 L12.6315789,12.3993313 C12.6281431,12.0638928 12.3076969,11.7857182 12.0042,11.7894737 L10.3143257,11.7894737 Z"
                            id="Path"
                            fillOpacity="0.134151005"
                            fill="#000000"
                        />
                    </g>
                </g>
            </g>
        </svg>
    );
};

ConsoleIcon.propTypes = {
    className: PropTypes.string,
};

ConsoleIcon.defaultProps = {
    className: undefined,
};

export default ConsoleIcon;
